import { defineConfig, presetWind4 } from "unocss";
import transformerDirectives from '@unocss/transformer-directives'
import presetIcons from "@unocss/preset-icons";
import presetAttributify from '@unocss/preset-attributify'

export default defineConfig({
  presets: [
    presetWind4(), // 核心预设（支持 Tailwind/Windi CSS 规则）
    presetAttributify(),

    presetIcons({
      // 基本选项
      scale: 1.2, // 缩放比例
      warn: true, // 图标缺失时显示警告

      // 额外CSS属性
      extraProperties: {
        display: "inline-block",
        "vertical-align": "middle",
        // ...
      },

      // 自动安装使用的图标集
      autoInstall: true,

      // 自定义图标集合
      collections: {
        // 可以添加自定义图标集
         ep: async () => {
          const { icons } = await import('@iconify-json/ep')
          return icons
        }
      },
    }),
    // ...其他presets
  ],
    transformers: [
    transformerDirectives(), // 启用 @apply 支持
  ],
});
